<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>阿福易购-分类</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body ontouchstart="">
<header class="ui-header ui-header-stable  af-header">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start">
            <a href="search-form.html"><i class="ui-icon-search"></i></a>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>分类</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">
        </li>
    </ul>
</header>

<footer class="ui-footer af-footer" >
    <ul class="ui-tiled">
        <li onclick="window.location.href='/'"><i class="ui-icon-hall"></i><div class="menu">首页</div></li>
        <li class="current" data-href="./classify.html"><i class="ui-icon-scan"></i><div class="menu">分类</div></li>
        <li data-href="./cart.html"><i class="ui-icon-cart"></i><div class="menu">购物车</div></li>
        <li onclick="window.location.href='/my.html'"><i class="ui-icon-personal"></i><div class="menu">我的</div></li>
    </ul>
</footer>

<div class="ui-container">
    <section class="ui-classify-menu">
        <ul class="ui-classify-menu-nav">
            <li class="current">美妆个护</li>
            <li class="af-border-t">进口美食</li>
            <li class="af-border-t">母婴用品</li>
            <li class="af-border-t">服饰鞋包</li>
            <li class="af-border-t">营养保健</li>
            <li class="af-border-t">居家生活</li>
            <li class="af-border-t">平行进口车</li>
        </ul>

        <ul class="ui-classify-content">
            <li class="current">
                <div class="ui-classify-sub">

                    <section class="ui-hot-cat">
                        <h4>彩妆</h4>
                        <ul class="ui-row">
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">BB霜/CC霜</h3>
                                </div>
                            </li>
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                                </div>
                            </li>
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                                </div>
                            </li>
                        </ul>
                    </section>

                    <section class="ui-hot-cat">
                        <h4>护肤</h4>
                        <ul class="ui-row">
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">BB霜/CC霜</h3>
                                </div>
                            </li>
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                                </div>
                            </li>
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                                </div>
                            </li>
                        </ul>
                    </section>

                    <section class="ui-hot-cat">
                        <h4>香水/香氛</h4>
                        <ul class="ui-row">
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">BB霜/CC霜</h3>
                                </div>
                            </li>
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                                </div>
                            </li>
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                                </div>
                            </li>
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                                </div>
                            </li>
                        </ul>
                    </section>

                    <section class="ui-hot-cat">
                        <h4>粉底</h4>
                        <ul class="ui-row">
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                                </div>
                            </li>
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                                </div>
                            </li>
                        </ul>
                    </section>


                    <section class="ui-hot-cat">
                        <h4>香水</h4>
                        <ul class="ui-row">
                            <li data-href="./search-result.html" class="ui-col ui-col-33">
                                <div class="ui-grid-trisect-img ui-cat-img">
                                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                                </div>
                                <div class="ui-cat-info">
                                    <h3 class="ui-nowrap">BB霜/CC霜</h3>
                                </div>
                            </li>
                        </ul>
                    </section>


                </div>
            </li>
            <li>
                <section class="ui-hot-cat">
                    <h4>香水/香氛</h4>
                    <ul class="ui-row">
                        <li data-href="./search-result.html" class="ui-col ui-col-33">
                            <div class="ui-grid-trisect-img ui-cat-img">
                                <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                            </div>
                            <div class="ui-cat-info">
                                <h3 class="ui-nowrap">BB霜/CC霜</h3>
                            </div>
                        </li>
                        <li data-href="./search-result.html" class="ui-col ui-col-33">
                            <div class="ui-grid-trisect-img ui-cat-img">
                                <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                            </div>
                            <div class="ui-cat-info">
                                <h3 class="ui-nowrap">唇膏/唇彩</h3>
                            </div>
                        </li>
                        <li data-href="./search-result.html" class="ui-col ui-col-33">
                            <div class="ui-grid-trisect-img ui-cat-img">
                                <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                            </div>
                            <div class="ui-cat-info">
                                <h3 class="ui-nowrap">唇膏/唇彩</h3>
                            </div>
                        </li>
                        <li data-href="./search-result.html" class="ui-col ui-col-33">
                            <div class="ui-grid-trisect-img ui-cat-img">
                                <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                            </div>
                            <div class="ui-cat-info">
                                <h3 class="ui-nowrap">唇膏/唇彩</h3>
                            </div>
                        </li>
                    </ul>
                </section>
            </li>
            <li>母婴用品</li>
            <li>服饰鞋包</li>
            <li>营养保健</li>
            <li>居家生活</li>
            <li>平行进口车</li>
        </ul>
    </section>


</div>

<script src="/lib/zepto.min.js"></script>
<script src="/js/frozen.js"></script>
<script src="/js/app.min.js"></script>
</body>
</html>